@import '~antd/lib/style/themes/default.less';

.menu {
  :global(.anticon) {
    margin-right: 8px;
  }

  :global(.ant-dropdown-menu-item) {
    min-width: 160px;
  }
}

.dropDown {
  line-height   : @layout-header-height;
  vertical-align: top;
  cursor        : pointer;

  >i {
    font-size: 16px !important;
    transform: none !important;

    svg {
      position: relative;
      top     : -1px;
    }
  }
}

.icon {
  margin-right: 5px;
}


.action {
  display   : inline-block;
  height    : 100%;
  padding   : 0 12px;
  cursor    : pointer;
  transition: all 0.3s;
  color     : rgba(255, 255, 255, 0.65);

  &:hover {
    color: rgba(255, 255, 255, 1);
  }
}

.account {
  .avatar {
    margin              : 0 8px;
    border              : 1px solid #fff;
    vertical-align      : middle;
    // background       : transparent;
  }

  .name {
    color: rgba(255, 255, 255, 0.8);

    &:hover {
      color: rgba(255, 255, 255, 1);
    }
  }
}